<!-- tzy-登录后的个人中心页 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0" />
    <title>登录后的个人中心页</title>
    <link rel="stylesheet" href="./css/login-center.min.css">
    <link rel="shortcut icon" href="./fonts/favicon.ico" type="image/x-icon" />
</head>

<body>
    <!-- 顶部标题栏 -->
    <div class="nav_tit">个人中心</div>

    <div class="main">
        <!-- 昵称 -->
        <div class="banner_info">
            <div class="seif_info">
                <div class="head">
                    <img src="./images/index/imgNav4.png" alt="">
                </div>
                <div class="nickname">订花乐用户</div>
            </div>
            <div class="btn"><a href="">注销</a></div>
        </div>

        <!-- 我的订单 -->
        <div class="orders_mod">
            <div class="order_item">
                <div class="order_tit">我的订单</div>
                <div class="all_order"><a href="">全部订单</a>></div>
            </div>
            <div class="order_type">
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/login-center/icon-bag.png" alt="">
                            <p>待付款</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/login-center/icon-psz.png" alt="">
                            <p>派送中</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/login-center/icon-dpj.png" alt="">
                            <p>待评价</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/login-center/icon-over.png" alt="">
                            <p>已完成</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 功能栏 -->
        <div class="function_bar">
            <ul>
                <li>优惠卷</li>
                <li>收货地址</li>
                <li>设置</li>
            </ul>
        </div>
    </div>
    <!-- 底部选项卡 -->
    <div class="tab bg_tab">
        <ul>
            <li><a href=""><img src="./images/index/icon-home.png" alt=""><span>首页</span></a></li>
            <li><a href=""><img src="./images/index/icon-cateroy.png" alt=""><span>分类</span></a></li>
            <li><a href=""><img src="./images/login-center/icon-tel.png" alt=""><span>电话</span></a></li>
            <li><a href=""><img src="./images/index/icon-cart.png" alt=""><span>购物车</span></a></li>
            <li><a href="" class="active"><img src="./images/index/icon-user-active.png" alt=""><span>我的</span></a></li>
        </ul>
    </div>
</body>

</html>